export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M832 512c0-102.002-48.008-192.002-121.992-250L672 32 352 32l-38.008 230C240.008 319.998 192 409.998 192 512c0 101.992 48.008 191.992 121.992 250L352 992l320 0 38.008-230C783.992 703.992 832 613.992 832 512zM272 512c0-132.002 108.008-240 240-240s240 107.998 240 240c0 131.992-108.008 240-240 240S272 643.992 272 512z"></path>
            </svg>
        </span>
    )
}